import React, { Component } from 'react'

export default class RefCom extends Component {

  // 声明 show 方法
  show = () => {
    //获取 input 框的值
    let v = this.refs.input.value;// this.refs保存的是, 当前组件中使用 ref 标识元素对应的真实 DOM 对象
    //设置div框的文本
    this.refs.div.innerHTML = v;
  }

  render() {
    return (
      <div>
        <input ref="input" type="text" /><button ref="button" onClick={this.show}>显示</button>
        <hr />
        <div ref="div" style={{width: 400, height: 300, border: 'solid 1px #333'}}></div>
      </div>
    )
  }
}
